<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>7d-trans</title>
    <script src="js/main.js"></script>
    <script src="js/tailwindcss.min.js"></script>
    <script src="js/handsontable.full.min.js"></script>
    <link type="text/css" rel="stylesheet" href="css/handsontable.full.min.css" />
</head>

<body class="p-8">
    <div class="flex justify-center items-center">
        <input id="uploadBtn" class="block text-sm text-slate-500
        file:mr-4 file:py-2 file:px-4
        file:rounded-full file:border-0
        file:text-sm file:font-semibold
        file:bg-violet-50 file:text-violet-700
        hover:file:bg-violet-100
      " type="file" />
        <button id="saveBtn" class="inline-flex justify-center items-center
            py-2 px-4 border border-transparent shadow-sm
            text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700
            focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
            <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                    d="M8 4H6a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-2m-4-1v8m0 0l3-3m-3 3L9 8m-5 5h2.586a1 1 0 01.707.293l2.414 2.414a1 1 0 00.707.293h3.172a1 1 0 00.707-.293l2.414-2.414a1 1 0 01.707-.293H20" />
            </svg>
        </button>
    </div>
    <div id="table" class="mt-8"></div>
</body>

</html>